<template>
	<view class="container">
		<uni-section title="意见反馈" type="line" padding>
			<uni-easyinput type="textarea" v-model="value" placeholder="请简单描述你遇到的问题"></uni-easyinput>
		</uni-section>
		<uni-section title="上传图片(最多3张)" type="line" padding>
			<uni-file-picker limit="3"></uni-file-picker>
		</uni-section>
		<button class="submit-button disabled" @click="submit">提 交</button>
	</view>
</template>

<script setup>
const submit = () => {
  // 这里模拟生成脚本的过程
};
</script>

<style lang="scss" scoped>
.container {
  padding: 20px;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  background: #fafcff;
	&::v-deep .uni-easyinput__content,
	&::v-deep .file-picker__box {
		background-color: #f6f6f6 !important;
	}
	&::v-deep .icon-add  {
		background-color: #333333;
	}
	&::v-deep .uni-easyinput__content-textarea {
		height: 300rpx;
		min-height: 300rpx;
	}
}
.submit-button {
  background-color: #1571FA;
  color: white;
  border-radius: 20rpx;
  width: 100%;
  margin-top: 40rpx;
}
.disabled {
	background-color: #8BB8FF;
	color: #FFFBFF;
}
</style>
